<template>
	<view>
		<view class="index">
			<!-- 统计数量弹出层 -->
			<view class="statisticsTip">
				<view class="statisticsView">
					<view class="statistics statisticsTwo clearfix">
						<view style="width: 100%;">
							<view class="list" @click="goTo(3)">
								<image src="../../static/images/index/icon1.png" class="icon" mode="widthFix"></image>
								<view class="text">企业宣传</view>
							</view>
							<view class="list" @click="goTo(2)">
								<image src="../../static/images/index/icon3.png" class="icon" mode="widthFix"></image>
								<view class="text">数据处理记录</view>
								<!-- <view class="num">111/1000 <span style="font-size: .7rem;">条</span></view> -->
							</view>
							<view class="list" @click="goTo(1)">
								<image src="../../static/images/index/icon2.png" class="icon" mode="widthFix"></image>
								<view class="text">考勤记录</view>
							</view>
							<view class="list" @click="goTo(4)">
								<image src="../../static/images/index/icon4.png" class="icon" mode="widthFix"></image>
								<view class="text">工作内容确认</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const util = require("@/utils/util.js")
	const app = getApp()
	export default {
		name: '',
		props: {

		},
		data() {
			return {
				
			};
		},
		computed: {

		},
		watch: {

		},
		onLoad() {
			
		},
		onShow() {
			if (!util.isLogin()) {
				uni.navigateTo({
					url: "/pages/login/login"
				})
			}
		},
		onPageScroll(e) {
			
		},
		methods: {
			// 跳转
			goTo(i) {
				if (i == 3) {
					// 企业宣传
					uni.navigateTo({
						url: `/pages/business/publicizeAdd/publicizeAdd`,
					})
				} else if (i == 4) {
					// 工作确认
					uni.navigateTo({
						url: `/pages/workConfirm/workConfirm`,
					})
				} else {
					// 记录列表
					uni.navigateTo({
						url: `/pages/business/business?type=${i}`,
					})
				}
			},
		},
	};
</script>

<style lang="scss" scoped>
	.statistics {width: 100%;padding: 0 30rpx;background-color: #f5f5f5;height: 100vh;display: flex;align-items: center;}
	.statistics .list {width: 49%;float: left;margin-right: 2%;text-align: center;box-shadow: 0 0 60rpx rgba(0,0,0,0.25);
	border-radius: 12px;padding: 30rpx 0;margin-bottom: 20rpx;}
	.statistics .list:nth-child(1) {margin-right: 0;width: 100%!important;}
	.statistics .list:nth-child(2n+1) {margin-right: 0;}
	.statisticsTwo .list:nth-child(1) {margin-right: 2%!important;width: 49%!important;}
	.statisticsTwo .list:nth-child(2n) {margin-right: 0;}
	.statisticsTwo .list:nth-child(2n+1) {margin-right: 2%!important;}
	.statistics .list .icon {width: 80rpx;height: 80rpx;margin: 0 auto;}
	.statistics .list .text {font-size: 32rpx;color: #333;padding-top: 10rpx;}
	.statistics .list .num {font-size: 40rpx;color: #005bac;font-weight: bold;}
</style>